<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

	<head>
		<%@ include file="../common/required.jspf" %>
		<meta charset="utf-8" />
		<title>网上书城-用户中心</title>
		<link rel="stylesheet" type="text/css" href="${ctx}/statics/common/vendor/normalize.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="${ctx}/statics/common/vendor/font-awesome/css/font-awesome.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="${ctx}/statics/common/vendor/swiper/swiper.min.css" />
		<link rel="stylesheet" href="${ctx}/statics/store/css/common.css" />
		<link rel="stylesheet" href="${ctx}/statics/store/css/userinfo.css" />
		<!-- 苹果设备在桌面上生成的快捷图标 -->
		<link rel="apple-touch-icon" href="${ctx}/statics/store/img/apple-touch-icon.png">
		<link rel="icon" href="${ctx}/favicon.ico">
	</head>
	
	<body>
		<%@ include file="../common/header.jspf" %>
		<section style="width: 100%; height: .6rem;"></section>
		
		<section class="user-main">
			<div class="main-personMessage">
				<div class="personMessage-img">
					<img src="${ctx}/statics/store/img/morenhead.jpg"/>
				</div>
				<div class="personMessage-right">
					<p class="nick-name">${user.name }</p>
					<p><span>账户：</span>${user.code }</p>
				    <p><span>手机：</span>${userDefualtAddress.phone }</p>
				    <p><span>收件人：</span>${userDefualtAddress.receiver }</p>
				    <p><span>地址：</span>${userDefualtAddress.province } ${userDefualtAddress.city } ${userDefualtAddress.area }</p>
				</div>
			</div>
			
			<div class="main-list">
				<ul class="list-item">
					<a href="${ctx }/store/shopping/listReseiveAddress">
						<li>
							<span>收货地址</span>
							<img src="${ctx}/statics/store/img/goforword.png"/>
						</li>
					</a>
					<a href="${ctx }/store/shopping/listOrder">
						<li>
							<span>我的订单</span>
							<img src="${ctx}/statics/store/img/goforword.png"/>
						</li>
					</a>
					<a href="">
						<li>
							<span>切换账号</span>
							<img src="${ctx}/statics/store/img/goforword.png"/>
						</li>
					</a>
					<a href="${ctx }/sys/user/userLogout.action">
						<li>
							<span>退出登录</span>
							<img src="${ctx}/statics/store/img/goforword.png"/>
						</li>
					</a>
				</ul>
			</div>
		</section>
		
		<script src="${ctx }/statics/store/js/resize.js"></script>
		<script src="${ctx }/statics/common/vendor/zepto.min.js"></script>
		<script src="${ctx }/statics/common/vendor/swiper/swiper-3.4.0.jquery.min.js"></script>
		<script src="${ctx }/statics/common/vendor/swiper/swiper.animate1.0.2.min.js"></script>
		<script src="${ctx }/statics/common/vendor/hammer.min.js"></script>
		<script type="text/javascript">
		var userInfo = {
				init: function(){
					userInfo.changePage();
				},
				changePage: function(){
					$(".header-list li").removeClass("list-active");
					$("#userPage").addClass("list-active");
				},
		}
		
		$(function() {
			window.ctx = '${ctx}'; 
			userInfo.init();
		})
		
		
		</script>
	</body>
</html>
